import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class TestButtonWidget extends StatelessWidget {
  const TestButtonWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("基础组件 Button 学习使用"),
      ),
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          ElevatedButton(
            child: Text("ElevatedButton"),
            onPressed: () {
              print("ElevatedButton 漂浮 , 它默认带有阴影和灰色背景。按下后，阴影会变大，");
            },
          ),
          TextButton(
            child: Text("TextButton"),
            onPressed: () {
              print("文本按钮，默认背景透明并不带阴影。按下后，会有背景色");
            },
          ),
          OutlinedButton(
            child: Text("OutlinedButton"),
            onPressed: () {
              print("有一个边框，不带阴影且背景透明。按下后，边框颜色会变亮、同时出现背景和阴影(较弱)");
            },
          ),
          IconButton(
            icon: Icon(Icons.thumb_up),
            onPressed: () {
              print("一个可点击的Icon，不包括文字，默认没有背景，点击后会出现背景");
            },
          ),
          ElevatedButton.icon(
              onPressed: () {
                print("ElevatedButton、TextButton、OutlineButton都有一个icon 构造函数，通过它可以轻松创建带图标的按钮");
              },
              icon: Icon(Icons.thumb_up),
              label: Text("Icon ElevatedButton")),
          TextButton.icon(
              onPressed: () {
                print("ElevatedButton、TextButton、OutlineButton都有一个icon 构造函数，通过它可以轻松创建带图标的按钮");
              },
              icon: Icon(Icons.thumb_up),
              label: Text("Icon TextButton")),
          OutlinedButton.icon(
              onPressed: () {
                print("ElevatedButton、TextButton、OutlineButton都有一个icon 构造函数，通过它可以轻松创建带图标的按钮");
              },
              icon: Icon(Icons.thumb_up),
              label: Text("Icon OutlinedButton")),
        ],
      ),
    );
  }
}
